/* 主结构 */
body{margin: 0;padding: 0;}
body :nth-child(1) *{transition: 0.5s;outline:none;}
body>div:nth-child(1){position: fixed;height: 100%;width: 100%;background-color: #A0E0F0;}
#divuserinfo{position: fixed;top: 0;left: 0;width: 100%;height: 7rem; background-color: #00FFFF;}
#divotheruser{position: fixed;top: 7rem;left: calc(50% - 35rem);width: 70rem;height: calc(100% - 7rem);background-color: #AAFFFF;}

/* 下结构 */
#divotheruser>div{position: absolute;height: 100%;background-color: #66AA26;}
/* 21rem */
#divotheruserinfo{width: 30%;text-align: center;}
#divotheruserinfo>div>div{position: absolute; height: 100%;width: 105%;overflow: auto;}
/* 49rem */
#divotheruserresource{left: 30%;border-left: 3px solid #ff8800;width: 70%;}

/* 个人介绍 */
#userheadpic{position: absolute;left: 4rem;height: 6rem;width: 6rem;background-color: #882244;top: 0.5rem;background-image: url(../img/12.jpg);background-size: 100% 100%;}
#divuserinfo>table{position: absolute;height: 95%;width: 70%;left: 14rem;}
#divuserinfo>tr{position: absolute;height: 100%;width: 60%;left: 14rem;}
#divuserinfo tr>td:nth-child(odd){font-weight: 900;font-size: 1.2rem;text-align: center;}
#divuserinfo tr>td:nth-child(even){border-bottom: 2px solid #000000;text-align: center;}
#divuserinfo tr>td button{width: 90%;min-width: 6rem;height: 70%;border-style: groove;font-size: 1.1rem;font-weight: 600;}
#divuserinfo tr>td button:active{border-style: ridge;}

#otherusertouxiang{width: 18rem;height: 18rem;border: 1px solid #000000;margin: 3rem auto;background-image: url(../img/13.jpg);background-size: 100% 100%;}
#divotheruserinfo>span{font-size: 1.5rem;display: inline-block;margin: 0.5rem;}
#userdianzan,#userdefriend{width: 50%;height: 2rem;border-radius: 1rem;}

/* 他人资源 */
#otherpicinfo{height: calc(100% - 20rem);width: 100%;background-color: #0088FF;overflow: hidden;position: relative;}
#otherpiclist{height: 20rem;width: 100%;background-color: #ccaaff;overflow: hidden;position: relative;}

/* 图片列表 分页 */
.divfenye{position: absolute;bottom: 0;height: 2rem;background-color: #00FFFF;width: 100%;}
.divfenye>div{float: left;}
.divfenye [name=fenyeclass]{display: none;}

.fenyeclass{width: 20%;}
.fenyeclass>div{float: left;width: 50%;line-height: 2rem;text-align: center;font-weight: 900;font-size: 1.2rem;}
.fenyeclass>div:hover{background-color: #0088FF;}
.fenyeclass>div span{display: inline-block;width: 100%;height: 100%;}

.fenyeview{width: 80%;background-color: #99FF88;height: 100%;position: relative;overflow: hidden;border-radius:1rem;}
.fenyeview>div{width: 100%;height: 100%;position: relative;top: 0%;}

.fyview1>button{height: 100%;margin: 0;padding: 0;}
.fyview1>button:nth-child(1),.fyview1>button:nth-child(4){width: 20%;}
.fyview1>button:nth-child(2),.fyview1>button:nth-child(3){width: 30%;}
.fyview2{text-align: center;background-color: #006666;position: relative;}
.fyview2>div{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: 2s;background-color: #00aaaa;}
.fyview2 input{width: 90%;height: 100%;position: absolute;left: 5%;top: 0;display: inline-block;z-index: 5;}
.fyview2 input:active+div{transition: 0s;width: 0;display: inline-block;z-index: 2;background-color: #ffffff;left: 50%;}

#fanye:checked~.fenyeclass>div:nth-child(1),#jindu:checked~.fenyeclass>div:nth-child(2){background-color: #ff8800;}
#jindu:checked~.fenyeview>div{top: -100%;}


/* 他人图片 */
.otherpicnode{width: 5rem; height: 5rem;border: 1px solid rgba(0,0,0,0.5); margin: 0.4rem 0.5rem;float: left;background-image: url(../img/15.jpg);background-size: 100% 100%;}

#otherpicinfo>div:nth-child(1){position: absolute;width: 50%;height: 100%;left: 0;}
#infopic{height: 15rem; width: 15rem; margin: 20% auto;background-size: 100% 100%;}
#infozan{margin: auto;text-align: center;font-size: 1.2rem;line-height: 1.5rem;}
#infozan button{margin: 0 0 0 2rem;}
#infomiaoshu{position: absolute;width: 40%;left: 55%;height: 90%;font-size: 2rem;top: 10%;overflow: hidden;}
#miaoshuval{word-break: break-all; text-indent:2rem;font-size: 1.1rem;height: 20rem;width: calc(100% + 1.1rem);position: absolute;overflow: auto;top: 15%;}